
*{
  padding: 0;
  margin: 0;
  box-sizing:border-box;
  text-decoration: none;
}
html{
font-size: 100./7.5vw;
}
@fontSize:100rem;
html,body{
  height: 100%;
}
body{
  font-size:0.28rem;
  font-family: '微软雅黑';
  width: 100%;
  background-image: url("../imgs/qiandao/bg.jpg");
  background-repeat: no-repeat;
  background-size: 7.5rem;

}
.container{
  width: 7.5rem;
  height: 100%;
  //margin: 0 auto;
  //background-image: url("../imgs/qiandao/bg.jpg");
  //background-repeat: no-repeat;
  //background-size: 7.5rem;
  .top{
    background: url("../imgs/qiandao/topbg@2x.png");
    height: 9.18rem;
    background-repeat: no-repeat;
    background-size: 7.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    >p{

      text-align: center;
      color: white;
      //margin: 0.1rem 0rem;
      margin-top: 0.15rem;
      &:nth-child(1){
        margin-top: 0.4rem;
        font-size: 0.9rem;
        font-style: italic;
        line-height: 0.9rem;
      }
      &:nth-child(2){
        font-size: 0.8rem;
        font-style: italic;
      }
      &:nth-child(3){
        font-size: 0.26rem;
        margin: 0.15rem 0rem;
      }
      &:nth-child(4){
        width: 3.24rem;
        height: 0.93rem;
        a{
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
      &:nth-child(5){
        font-size: 0.28rem;
        >span{
          color: #fbfb67;
        }
      }

    }
  }

  .center{
    width: 6.9rem;
    margin: 0 auto;
    .title{
      text-align: center;
      color: #ffcc37;
      font-size:0.48rem;
      display: flex;
      justify-content: center;
      align-items: center;

      div.bd{
        width:1.5rem;
        height: 0.01rem;
        background-color: #ffcc37;
      }
      p.ljjl{
        margin: 0.4rem 0.2rem;
      }
    }
    .lj-bj{
      background-color: #ffb25d;
     height: 5.74rem;
      width: 6.9rem;
      border-radius: 0.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      .lj{
        width:6.3rem ;
        height: 5.04rem;
        background-color: #ffd37a;
        border-radius: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        .ljqd{
          display: flex;
          justify-content: space-between;

          div.item{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 0.36rem;
            &:nth-child(-n+2){
              margin-right: 0.26rem;
            }
            >span{
              color: #de7416;
              font-size: 0.24rem;
            }
            >a{
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;

              margin-top: 0.2rem;
              width: 1.71rem;
              height: 2.37rem;
              background-image: url("../imgs/qiandao/jfbj_white@2x.png");
              background-repeat: no-repeat;
              background-size: 1.71rem;

              >span{
                color: #f6614c;
                font-size: 0.28rem;
              }

              &.active{
                background-image: url("../imgs/qiandao/jfbj_yellow@2x.png");
              }
              >img{
                margin-bottom: 0.26rem;
                width: 0.91rem;
                height: 0.81rem;
              }
            }

          }


        }
        .lookmy{
          width: 5.62rem;
          height: 0.99rem;
          //margin-bottom: 0.42rem;
          >img{
            width: 100%;
            height: 100%;
          }
        }

      }

    }

  }

  .bottom{
    padding-bottom: 0.5rem;
    .title{
      text-align: center;
      color: #ffcc37;
      font-size:0.48rem;
      display: flex;
      justify-content: center;
      align-items: center;

      div.bd{
        width:1.5rem;
        height: 0.01rem;
        background-color: #ffcc37;
      }
      p.ljjl{
        margin: 0.4rem 0.2rem;
      }
    }
    .hdgz{
      border:0.01rem solid #ffb15b;
      width: 7.1rem;
      height: 6.8rem;
      border-radius: 0.5rem;
      margin: 0 auto;
      >p{
        font-size:0.3rem;
        color: #fff296;
        display: flex;
        margin: 0.7rem 0.5rem 0 0.55rem;
        >span:nth-child(1){
          line-height: 0.5rem;
          margin-right: 0.2rem;
        }


      }
    }


  }
}